Apex 4X Technical Style Guide

ARIA Date Picker (with Full Calendar Display, Condense Year and Natural PageUpDown)

  • Condense the year display by removing the year nav buttons
  • Draw the full calendar, including days in the previous and next months
  • Make the PageUp key go to the previous month, and the PageDown key go to the next month
{
  condenseYear: true,
  drawFullCalendar: true,
  pageUpDownNatural: true
}

The calendar is keyboard accessible:

  • When the calendar is opened, focus is set on the current date.
  • Press the Left and Right arrow keys to navigate the row by week day.
  • Press the Home and End keys to jump to the beginning or end of the current row.
  • Press the Up and Down arrow keys to navigate between weeks on the same week day.
  • Press the PageDown and PageUp keys to navigate backwards or forwards by month.
  • Press Alt+PageDown and Alt+PageUp to navigate backwards or forwards by year.
  • Press the Enter key to activate the selected date.
  • Press Escape to close the calendar without making a selection.
  • Mouse users can click the desired date buttons as usual.